﻿@function rem($size) {
    @return ($size/$base)*1rem;
}

//基准值
$base: 20 !default;
$base-distance: 4;
$line-height: 1.5 !default;
$d1: rem($base-distance*1);
$d2: rem($base-distance*2);
$d3: rem($base-distance*3);
$d4: rem($base-distance*4);
$d5: rem($base-distance*5);
$d6: rem($base-distance*6);
$d7: rem($base-distance*7);
$d8: rem($base-distance*8);
$form-item-height-value: 36;
$form-item-height: rem($form-item-height-value);

$color-bg: #fafcfe;
$color-border: #dfe8f1;
$black: #464646 !default;
$blue: #1f6dca !default;
$blue-alt: #65a6ff !default;
$azure: #41e5c0 !default;
$gray: #c2c2c2 !default;
$gray-dark: #828282 !default;
$green: #2ecc71 !default;
$orange: #fa7753 !default;
$yellow: #fc0 !default;
$purple: #984dff !default;
$red: #ff5757 !default;
$white: #fff !default;
//
$primary: #00bca4;
$default: #FEFEFF;
$success: #2ecc71;
$danger: #eb6759;
$warning: #e67e22;
$info: #3498db;
$colors: () !default;
$colors: map-merge(("black": $black), $colors);
$themes-colors: () !default;
$themes-colors: map-merge(("primary": $primary, "default":$default, "success":$success, "danger":$danger, "warning":$warning, "info":$info, "yellow":$yellow, "purple":$purple, "azure":$azure, "black":$black), $themes-colors);